<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
  <link rel="StyleSheet" href="style.css" type="text/css">
 <TITLE>Simple Digital Preset Counter Demo</TITLE>
 <meta name="generator" content="textpad 4.6">
 <meta name="keywords" content="digital, counter, bcd, flip-flop, preset, up-down">
 <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
 <meta content="Anantha Narayan" name="author">
<meta content="A Interactive Tutorial to learn Counters and flip-flops" name="description">
  <script language="Javascript" type="text/javascript" src="counter.js">
<!--
//-->
  </script>
</head>
<body alink="#333399" bgcolor="#f8f8f8" link="#333399" text="#000000"
 vlink="#6600cc">
 <div id="pcb">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="720">
              <tbody>
                <tr>
                  <td align="center" valign="middle"><br/><b>Display</b> </td>
                  <td align="center" valign="middle"><br/><a target="_blank" href="http://www.delabs-circuits.com/">delabs Circuits</a>
                  </td>
                  <td valign="top"><br>
                  </td>
                </tr>
                <tr>
                  <td align="center" valign="middle">
                  <table align="center" bgcolor="#666666" border="0"
 cellpadding="0" cellspacing="0" width="123">
                    <tbody>
                      <tr>
                        <td align="center" bgcolor="#000000"
 valign="middle" width="20"><br>
                        </td>
                        <td align="center" bgcolor="#000000"
 valign="middle" width="16"><br>
                        </td>
                        <td align="center" bgcolor="#000000"
 valign="middle" width="51">a<br>
                        </td>
                        <td align="center" bgcolor="#000000"
 valign="middle" width="16"><br>
                        </td>
                        <td align="center" bgcolor="#000000"
 valign="middle" width="20"><br>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"> <img src="gifs/grn_on.gif" alt="" name="a_seg"
 height="16" width="51"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="20">f</td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img src="gifs/grn_on_v.gif" alt=""
 name="f_seg" height="51" width="16"></td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="51">g</td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img src="gifs/grn_on_v.gif" alt=""
 name="b_seg" height="51" width="16"></td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="20">b</td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="20"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="16"> <br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="51"><img src="gifs/grn_off.gif" alt=""
 name="g_seg" height="16" width="51"></td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="16"> <br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle" width="20"><br>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="20">e</td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img src="gifs/grn_on_v.gif" alt=""
 name="e_seg" height="51" width="16"></td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="51">&nbsp; <br>
                        </td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="16"><img src="gifs/grn_on_v.gif" alt=""
 name="c_seg" height="51" width="16"></td>
                        <td align="center" bgcolor="#000000" height="51"
 valign="middle" width="20">c</td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><img src="gifs/grn_on.gif" alt="" name="d_seg"
 height="16" width="51"></td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><img src="gifs/dp_off.gif" alt="" name="dp_seg"
 height="16" width="16"> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"> <br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle">d</td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#000000" height="16"
 valign="middle">dp</td>
                      </tr>
                    </tbody>
                  </table>
&nbsp; <br>
&nbsp;
                  <table  border="0" cellpadding="1"
 cellspacing="1" width="100%">
                    <tbody>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>D</b></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>C</b></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>B</b></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>A</b></td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/yellow_off.gif" alt="" name="d_led"
 height="28" width="28"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/yellow_off.gif" alt="" name="c_led"
 height="28" width="28"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/yellow_off.gif" alt="" name="b_led"
 height="28" width="28"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/yellow_off.gif" alt="" name="a_led"
 height="28" width="28"></td>
                      </tr>
                    </tbody>
                  </table>
4029 Output <br>
                  <br>
                  <br>
DIP Switch<br>
                  <table  border="0" cellpadding="1"
 cellspacing="1" width="130">
                    <tbody>
                      <tr>
                        <td bgcolor="#cdd7e1" valign="top" width="70"><img
 src="gifs/dipa.gif" name="a_dip" onclick="dipa_click();" alt=""
 height="20" width="70"><br>
                        </td>
                        <td bgcolor="#cdd7e1" valign="top" width="20"><b>A</b></td>
                        <td rowspan="4" colspan="1" align="center"
 bgcolor="#cdd7e1" valign="middle" width="40"><b>ON<br>
                        <br>
LO<br>
                        <br>
0</b> </td>
                      </tr>
                      <tr>
                        <td bgcolor="#cdd7e1" valign="top" width="70"><img
 src="gifs/dipa.gif" name="b_dip" onclick="dipb_click();" alt=""
 height="20" width="70"></td>
                        <td bgcolor="#cdd7e1" valign="top" width="20"><b>B</b></td>
                      </tr>
                      <tr>
                        <td bgcolor="#cdd7e1" valign="top" width="70"><img
 src="gifs/dipa.gif" name="c_dip" onclick="dipc_click();" alt=""
 height="20" width="70"></td>
                        <td bgcolor="#cdd7e1" valign="top" width="20"><b>C</b></td>
                      </tr>
                      <tr>
                        <td bgcolor="#cdd7e1" valign="top" width="70"><img
 src="gifs/dipa.gif" name="d_dip" onclick="dipd_click();" alt=""
 height="20" width="70"></td>
                        <td bgcolor="#cdd7e1" valign="top" width="20"><b>D</b></td>
                      </tr>
                    </tbody>
                  </table>
&nbsp; &nbsp;<br><a target="_blank" href="http://www.dapj.com/">dapj Tech</a>
                  </td>
                  <td align="center" valign="middle"><img
 src="gifs/del00020.gif" alt="" height="458" width="501"> </td>
                  <td align="center" valign="middle">
                  <table  border="0" cellpadding="1"
 cellspacing="1" width="90">
                    <tbody>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1" height="20"
 valign="middle"><img src="gifs/green_on.gif" alt="" name="up_led"
 height="28" width="28"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><br>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/red_button_up.gif" alt="" name="up_it"
 onclick="up_sw();" height="39" width="44"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>Inc</b></td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1" height="40"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1" height="40"
 valign="middle"><b><br>
                        </b> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1" height="20"
 valign="middle"><img src="gifs/green_off.gif" alt="" name="dn_led"
 height="28" width="28"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b><br>
                        </b> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/red_button_up.gif" alt="" name="dn_it"
 onclick="dn_sw();" height="39" width="44"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>Dec</b></td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1" height="50"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1" height="50"
 valign="middle"><b><br>
                        </b> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/red_button_up.gif" alt="" name="set_it"
 onclick="load_bcd();" height="39" width="44"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>Set</b></td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1" height="30"
 valign="middle"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1" height="30"
 valign="middle"><b><br>
                        </b> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/red_button_up.gif" alt=""
 onclick="clk_sw();" name="clk_it" height="39" width="44"></td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b><br>
                        </b> </td>
                      </tr>
                      <tr>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><img src="gifs/red_on.gif" alt="" name="clk_led"
 height="28" width="28"><br>
                        </td>
                        <td align="center" bgcolor="#cdd7e1"
 valign="middle"><b>Clk </b></td>
                      </tr>
                      <tr>
                        <td bgcolor="#cdd7e1" height="70" valign="top"><br>
                        </td>
                        <td bgcolor="#cdd7e1" height="70" valign="top"><br>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  </td>
                </tr>

              </tbody>
            </table>
            </div>

</body>
</html>
